.chat{
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    display: flex;
    flex: auto;
    line-height: 50px;
    .item{
        flex: 1;
        flex-shrink: 0;
        
      .chat-item-left{
          display: flex;
          .img{
            img{
                width: 50px;
                height: 50px;
                border-radius: 50%;
            }
          }
      }

      .chat-item-right{
          display: flex;
          flex-direction: row-reverse;
           .img{
             img{
                width: 50px;
                height: 50px;
                border-radius: 50%;
             }
           }
      }




    }

    .input{
        height: 50px;
        display: flex;
        flex-shrink: 0;
        width: 100%;
        position: fixed;
        bottom: 0;
        input{
            border: 0;
            flex: 1;

        }
        button{
            width: 40px;
        }
    }
}